/* 公用样式表 */
body,ul,dl,dt,dd,p,ol,h1,h2,h3,h4,h5,hr,h6,form,img,table,fieldset,legend,input,nav,menu,figure,figcaption{margin:0; padding:0;}
ul,li,ol{list-style:none;}
img,fieldset{border:0; }
img{display:block;}
a{text-decoration:none; color:#333;}
h1,h2,h3,h4,h5,h6{font-weight:100;}
body{ font-family:"微软雅黑";}
input,a{outline:none;}

html,body{height: 100%;}

.container{
	max-width: 7.50rem;
	display: flex;
	flex-direction: column;
	margin: 0 auto;
	height: 100%;
	opacity:1;
	background:linear-gradient(245deg,rgba(237,237,237,1) 0%,rgba(227,227,227,1) 100%);
}


header{
	flex:1;
	/* background:linear-gradient(245deg,rgba(237,237,237,1) 0%,rgba(227,227,227,1) 100%); */
	overflow: auto;
	/* border:0.01rem solid black; */
}
header .middle{
	display: flex;
	margin-left: 2.2rem;
	margin-top: 1.7rem;
}

header .middle .m-left p img{
	width:3.1rem;
	height:3.1rem;
	opacity:1;
	display: block;
	
}
header .middle .m-left p:nth-child(2){
	width:3.8rem;
	height:0.42rem;
	font-size:0.38rem;
	font-family:Microsoft YaHei;
	font-weight:400;
	line-height:0.38rem;
	color:rgba(62,58,166,1);
	opacity:1;
	margin-left: -0.24rem;
	margin-top: 0.48rem;
}
header .middle .m-left p:nth-child(3){
	width:2rem;
	height:0.31rem;
	font-size:0.24rem;
	font-family:Microsoft YaHei;
	font-weight:400;
	line-height:0.29rem;
	color:rgba(62,58,166,1);
	opacity:0.5;
	margin-top: 0.17rem;
	margin-left: 0.8rem;
}

header .btns{
	margin-top: 0.98rem;
}
header .btns btn{
	display: flex;
}
header .btns .btn button:nth-child(1){
	
	margin-left: 0.4rem;
}
header .btns .btn button{
	width:3rem;
	height:1.00rem;
	background:rgba(80,81,181,1);
	border:0.02rem solid rgba(80,81,181,1);
	opacity:1;
	border-radius:0.12rem;
	margin-right: 0.5rem;
	font-size:0.36rem;
	font-family:Microsoft YaHei;
	font-weight:400;
	line-height:0.34px;
	color:rgba(255,255,255,1);
	
}
header .btns .btn button:nth-child(2){
	margin-right: 0;
	background: 0;
	color:rgba(62,58,166,1);
}
hr{
	width:6.48rem;
	border:0.01rem solid rgba(226,226,232,1);
	opacity:0.5;
	margin-top: 0.53rem;
	margin-left: 0.51rem;
	
}
header .shows{
	display: flex;
	margin-top: 0.46rem;
	margin-left: 0.5rem;
	width:2.16rem;
	height:0.91rem;
	opacity:1;
}

header .shows .show p:nth-child(1){
	color:rgba(80,81,181,1);
	
	font-size:0.4rem;
	font-family:Microsoft YaHei;
	font-weight:400;
	line-height:0.34rem;
	color:rgba(80,81,181,1);
	text-align: center;
	color:rgba(62,58,166,1);
}
header .shows .show p:nth-child(2){
	width:2.16rem;
	height:0.70rem;
	font-size:0.28rem;
	font-family:Microsoft YaHei;
	font-weight:400;
	line-height:0.34rem;
	color:rgba(80,81,181,1);
	opacity:0.5;
	text-align: center;
	margin-top: 0.15rem;
}



/* .content{
	flex:1;
	
	
} */

.content .neirong {
	margin-top:1.38rem ;
	margin-left: 0.4rem;
}
.content .neirong .word{
	margin-bottom: 1.18rem;
}
.content .neirong .word p:nth-child(1){
	width:2rem;
	height:0.47rem;
	font-size:0.47rem;
	font-family:Microsoft YaHei;
	font-weight:400;
	line-height:0.43rem;
	color:rgba(62,58,166,1);
	opacity:1;
}
.content .neirong .word button{
	width:1.6rem;
	height:0.75rem;
	background:linear-gradient(24deg,rgba(61,78,129,1) 0%,rgba(87,83,201,1) 48%,rgba(110,127,243,1) 100%);
	opacity:1;
	border-radius:0.30rem;
	
	font-size:0.31rem;
	font-family:Microsoft YaHei;
	font-weight:400;
	line-height:0.29rem;
	color:rgba(255,255,255,1);
	position: relative;
	left:4.98rem;
	top:-0.9rem;
	
}
.content .neirong .word p:nth-child(2){
	width:0.40rem;
	height:0.04rem;
	background:rgba(80,81,181,1);
	opacity:1;
	border-radius:0.02rem;
	margin-top: 0.3rem;
}

.content .neirong .word .pic{
	display: flex;
	margin-top: 0.46rem;
}
.content .neirong .word .pic li{
	/* flex:0 0 3.10rem; */
	width:3.10rem;
	height:3.00rem;
	opacity:1;
	margin-right: 0.5rem;
	border-radius:0.12rem;
	background: url(../img/photo-1464206439213-a4dac837396b.png);
}
.content .neirong .word:nth-child(3) .pic li{
	width:0.90rem;
	height:0.90rem;
	border-radius:50%;
	opacity:1;
	margin-right: 0.26rem;
}
.content .neirong .word:nth-child(3) .pic li:nth-child(1){
	background: url(../img/Oval%205.png);
}
.content .neirong .word:nth-child(3) .pic li:nth-child(2){
	background: url(../img/Oval%2051.png);
}
.content .neirong .word:nth-child(3) .pic li:nth-child(3){
	background: url(../img/Oval%2052.png);
}
.content .neirong .word:nth-child(3) .pic li:nth-child(4){
	background: url(../img/Oval%2053.png);
}
.content .neirong .word:nth-child(3) .pic li:nth-child(5){
	background: url(../img/Oval%2054.png);
}
.content .neirong .word:nth-child(3) .pic li:nth-child(6){
	background: url(../img/Oval%2055.png);
}